/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
/* 
Custom CSS file
Created by IDMANSOUR
*/

 /* ==========
    General 
============== */
.img-border{padding: 5px; background: white; border: 1px solid #BBB;}
.panel-header  > .uk-panel-title{padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.07); /* color: #54aacb; */ }

.my-border-left {border-left : 1px solid rgba(0, 0, 0, 0.12);}
 
 /* ==========
    Contenu 
============== */
.exercice-titre
{
	font-weight: 600;
	/*text-decoration: underline;*/
	font-size: 15px;
}
.template-container
{
	margin-bottom: 30px;
	margin-top: 10px;
}
.exemple-title, .title-border
{
	padding-left: 6px;
	border-left: 3px solid #1FA2D6;
	line-height: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.exemple-content
{
	padding: 10px;
	background: #f4fbff;
	color: #3578a6;
	border: 1px solid rgba(75, 116, 144, 0.3);
	border-radius: 2px;
}
.console-window
{
	color : white;
	background-color : black;
	padding: 20px;
	font-family: Consolas, Courier New, Courier, monospace;
	border: 1px #f7f7f7 solid;
	margin-top: 8px;
	margin-bottom: 10px;
	font-size: .9em;
}
.console-window p{
	margin: 0 0 4px 0;
}
.note
{
	padding: 12px;
	line-height: 24px;
	margin-bottom: 30px;
	background: #e7f2fa;
}
.note .title
{
	font-weight: bold;
	display: block;
	color: #fff;
	background: #6ab0de;
	margin: -12px;
	padding: 6px 12px;
	margin-bottom: 12px;

}

article .description  table,
article .description th,
article .description  td{
	border: 1px solid black;
}
article.flexicontent div.description td{
	vertical-align: middle;
	text-align: center;
}

@media print {
	article {
		display:none;
	}
}

article .adsbygoogle{
	margin-top: 10px;
	margin-bottom: 10px;
}

.pre-title{
	font-size: 0.95rem;
    background-color: #E6E6FC;
    border: 1px solid #D1D1E8;
    padding: 8px 8px 8px 10px;
    color: #333;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-family: Consolas, Monaco, monospace;
}
.pre-title + pre {
    margin-top: 0px;
}

/* ==========
   Adds
============== */

.tm-social-icon-buttons > .uk-icon-google-plus:hover {
	background-color: #dd4b39;
}

/*article.flexicontent {-webkit-user-select: none;-moz-user-select: none;	-ms-user-select: none; user-select: none; }*/

 /* ==========
    Override 
============== */
.uk-navbar-toggles:after {
	content : "/f0c9 Menu";
}

article h2{
	border-bottom: 1px solid #eee;
	padding-bottom: 0.3em;
}

.ads-panel ins{
	background: none;
}

ins {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.ads-leaderboard {
	width: 728px;
	margin: auto;
}
.tm-middle>[class*='tm-sidebar-']>.uk-panel.ads-panel {
	box-shadow: none;
	text-align: center;
}

article .uk-alert{
	margin-bottom: 30px;
}
.uk-overlay img {
  -webkit-transition-property: none;
  transition-property: none;
}
.uk-overlay:hover img {
  -webkit-transform: none;
  transform: none;
}

.tm-search { margin-top: 0px; }
.tm-social-icon-buttons { margin-top: 0px; }

.uk-article-meta {
	font-size: 1em;
	line-height: 22px;
	color: #92969a;
	background-color: #fafafa;
	border: 1px solid #e5e5e5;
	border-left: 0px;
	border-right: 0px;
	padding: 5px;
}

article.tm-article .tm-article-content.tm-article-date-true {
	margin-left: 0px; !important;
}
article.tm-article .tm-article-date-true .tm-article-date {
	position: absolute; !important;
	left: 0px; !important;
	top: 0px; !important;
}
article .uk-article-title{
	padding-left: 50px; !important;
}
#exelib_accueil .uk-grid-width-1-2 > *{
	width: 47%;
}
@media (min-width: 768px) {
	#exelib_accueil .uk-grid-width-medium-1-5 > * {
		width: 19%;
	}
}
#exelib_accueil .uk-panel-box {
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07);
	padding : 10px;
	margin-left: 8px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	list-style: none;
	font-weight: lighter;
}
#exelib_accueil .uk-panel-title {
	margin-bottom: 10px;
	font-size: 0.98em;
	text-transform: none;
	height: 48px;
	overflow: hidden;
	font-weight: lighter;
}
#exelib_accueil .meta_info {
	min-height: 20px;
	font-size: 0.8em;
	/*
	border-top: 1px solid rgba(0, 0, 0, 0.07);
	padding-top: 10px;*/
}

#exelib_accueil .uk-panel-box .uk-panel-badge{
	top: 0px;
	right: 0px;
}
#exelib_accueil .uk-badge{
	text-transform: none;
	background-image: linear-gradient(to bottom, #51a351, #4D944D);
	/*background: rgba(77, 148, 77, .8);*/
}
#exelib_accueil .meta_info li {
	list-style: none;
	height: 20px;
	overflow: hidden;
	word-wrap: break-word;
}

/* Bootstrap Tabs */
#exerciceTabs.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
	background-color: #f0f1f3;
}

.load_module{
	margin-top: 20px;
}

/*
 * Team Page Template Styles
 */

/** Thumbnails
********************************************/
.thumbnail {
	max-width: 370px;
	text-align: center;
}
.thumbnail span {
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
}

.thumbnail>img, .thumbnail a>img {
	border-radius: 8px;
}

article .uk-thumbnail, .mce-content-body .uk-thumbnail {
	display: inline-block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;
	margin: 0;
	padding: 3px;
	border: 1px solid #CCC;
	background: #dde4e6;
	border-radius: 2px;
	background-clip: padding-box;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
article .uk-thumbnail-caption, .mce-content-body .uk-thumbnail-caption {
	border-top: 2px solid #ccc;
}
article .uk-thumbnail-container, .mce-content-body .uk-thumbnail-container {
	margin-top: 10px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

body.mce-content-body{
	background: #ffffff;
	font-size: 15px;
}
/** Team members
********************************************/
.page-header {
	line-height: 1.8;
	padding-bottom: 0;
	border-bottom: 1px solid #f5f5f5;
	text-transform: uppercase;
	margin: 36px 0;
	padding-bottom: 11px;
}
.page-header h2 {
	text-transform: uppercase;
}
.page-header h2 small {
	text-transform: none;
}

.page-header small, .page-header span {
	display: block;
	margin-top: 12px;
	font-size: 16px;
	line-height: 1.5;
	font-weight: normal;
	color: #b3b3b3;
}
.team-member {
	max-width: 320px;
	margin: 30px auto;
	text-align: center;
}
.team-member .thumb {
	width: 100%;
	max-width: 280px;
	margin: 0 auto 20px auto;
}
.team-member span {
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
}
.team-member p {
	margin-bottom: 18px;
}

.social-btn.sb-sm {
	width: 36px;
	height: 36px;
	font-size: 13px;
	line-height: 36px;
	margin: 6px 2px;
	display: inline-block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 50%;
	transition: background-color .3s;
}
.social-btn:hover .fa, .social-btn:focus .fa, .social-btn:hover i, .social-btn:focus i {
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
}

.sb-facebook{background-color: #3b5998;}.sb-facebook:hover {background-color: #4c70ba;}.sb-flickr{background-color:#0063dc}.sb-flickr:hover{background-color:#107cff}.sb-foursquare{background-color:#ef4b78}.sb-foursquare:hover{background-color:#f37a9b}.sb-github{background-color:#4183c4}.sb-github:hover{background-color:#689cd0}.sb-google-plus{background-color:#dd4b39}.sb-google-plus:hover{background-color:#e47365}.sb-instagram{background-color:#3f729b}.sb-instagram:hover{background-color:#548cb9}.sb-jsfiddle{background-color:#4679bd}.sb-jsfiddle:hover{background-color:#6c94ca}.sb-lastfm{background-color:#e31b23}.sb-lastfm:hover{background-color:#e9484e}.sb-linkedin{background-color:#0976b4}.sb-linkedin:hover{background-color:#0b96e5}.sb-paypal{background-color:#253b80}.sb-paypal:hover{background-color:#304da8}.sb-pinterest{background-color:#cc2127}.sb-pinterest:hover{background-color:#e04046}.sb-reddit{background-color:#ff4500}.sb-reddit:hover{background-color:#ff6a33}.sb-skype{background-color:#00aff0}.sb-skype:hover{background-color:#24c4ff}.sb-soundcloud{background-color:#f80}.sb-soundcloud:hover{background-color:#ffa033}.sb-stack-overflow{background-color:#fe7a15}.sb-stack-overflow:hover{background-color:#fe9748}.sb-steam{background-color:#7da10e}.sb-steam:hover{background-color:#a1d012}.sb-stumbleupon{background-color:#eb4924}.sb-stumbleupon:hover{background-color:#ef7053}.sb-trello{background-color:#256a92}.sb-trello:hover{background-color:#2f88bb}.sb-tumblr{background-color:#35465c}.sb-tumblr:hover{background-color:#485f7c}.sb-twitch{background-color:#6441a5}.sb-twitch:hover{background-color:#7e5bbe}.sb-twitter{background-color:#55acee}.sb-twitter:hover{background-color:#83c3f3}.sb-vimeo{background-color:#1ab7ea}.sb-vimeo:hover{background-color:#49c6ee}.sb-vine{background-color:#00b488}.sb-vine:hover{background-color:#00e7af}.sb-vk{background-color:#45668e}.sb-vk:hover{background-color:#587fae}.sb-wechat{background-color:#98d11c}.sb-wechat:hover{background-color:#afe53b}.sb-wordpress{background-color:#21759b}.sb-wordpress:hover{background-color:#2a95c5}.sb-xing{background-color:#026466}.sb-xing:hover{background-color:#039598}.sb-yahoo{background-color:#400191}.sb-yahoo:hover{background-color:#5601c4}.sb-yelp{background-color:#af0606}.sb-yelp:hover{background-color:#e00808}.sb-youtube{background-color:#e52d27}.sb-youtube:hover{background-color:#ea5955}.sb-email{background-color:#44c456}.sb-email:hover{background-color:#6bd079}